.toastContainer {
  z-index: 1000;
  transform: translate(-50%, 5rem);
  transition: transform 0.14s ease-in-out;
  max-width: calc(100vw - 2rem);
  max-height: unset;
  min-height: unset;
  width: 100%;
  bottom: 4rem;

  @screen tablet {
    top: 2rem;
    bottom: unset;
    width: fit-content;
    min-width: 12.5rem;
    max-width: 80vw;
    min-height: 2.75rem;
    max-height: 4.125rem;
    transform: translate(-50%, -5rem);
  }

  &:global(.slide-in) {
    transform: translate(-50%, 0);
  }
}

.toastProgress {
  left: 50%;
  transform: translate(-50%, 0);
}
